<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML基础标签展示</title>
</head>
<body>
    <!--#region 内容分区元素 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- endregion -->

    <!-- #region 文本内容元素 -->
    <div>div是无格式容器</div>
    <p>
        p段落1
        p段落2
    </p>

    <pre>
        pre预先格式段落1
        pre预先格式段落1
        pre预先格式段落1
    </pre>

    <p>无序列表</p>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ul>

    <p>有序列表</p>
    <ol>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
        <li>列表项4</li>
    </ol>

    <p>定义列表</p>
    <dl>
        <dt>定义1</dt>
        <dd>定义1的描述</dd>
        <dt>定义2</dt>
        <dt>定义3</dt>
    </dl>
    <hr>
    <blockquote >
        长引用内容
        长引用内容
        长引用内容
    </blockquote>
    <!-- endregion -->

    <!-- #region 内联文本元素 -->
    <span>无格式行级元素</span>
    <br>换行<br>
    <b>视觉加粗</b>
    <strong>强调加粗</strong>
    <br>
    <i>视觉倾斜</i>
    <br>
    <em>强调倾斜</em><br>
    <a href="#">连接当前页</a><br>
    <a href="http://www.jju.edu.cn" target="_blank">链接到外部地址：九江学院</a><br>
    <a href="../index.html">返回首页</a>
    <!-- #endregion -->

    <!-- #region 图片元素 -->
    <br>
    <img src="https://www.jju.edu.cn/img/logo1.png" alt="九江学院">
    <a href="http://www.jju.edu.cn">
        <img src="https://www.jju.edu.cn/img/logo1.png" alt="九江学院">
    </a>
    <br>
    <!-- #endregion -->

    <!-- #region 内嵌内容元素 -->
    <iframe src="http://www.w3cschool.com.cn" frameborder="1" width="800" height="600"></iframe>
    <!-- #endregion -->

    <br>
    <br>
    <br>
    <br>
    <br>

</body>
</html>